<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>NoteStorm</title>

<link href="reset.css" rel="stylesheet" type="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />

</head>
<body>

	<div id="header">
	
		<h1 id="logo"><a href="#" title="">NoteStorm.net</a></h1>
	
		<ul id="nav">
		
			<li id="notes"><a href="#" title="">My Notes</a></li>
			<li id="friends"><a href="#" title="">Friends</a></li>
			<li id="groups"><a href="#" title="">Groups</a></li>
			<li id="homework"><a href="#" title="">Homework</a></li>
			<li id="calendar"><a href="#" title="">Calendar</a></li>
		
		</ul>
	
	</div>
	
	<div id="content" class="limpiar">
	
		<div class="baruno">
		
			<h2>2012 - First Semester</h2>
			
			<ul>
				
				<li><a href="#" title="">Boton 1</a></li>
				<li><a href="#" title="">Boton 1</a></li>
				<li><a href="#" title="">Boton 1</a></li>
				<li><a href="#" title="">Boton 1</a></li>
				
			</ul>
		
		</div>
	
		<div class="subcont">
		
			<div class="bar">
			
				<h2>2012 - First Semester</h2>
			
				<ul>
				
					<li><a href="#" title="">Boton 1</a></li>
					<li><a href="#" title="">Boton 1</a></li>
					<li><a href="#" title="">Boton 1</a></li>
					<li><a href="#" title="">Boton 1</a></li>
				
				</ul>
			
			
			</div>
		
		</div>
		
		<div class="subcontdos">
			
			<a href="#" title="" id="nota"><img src="images/nota.png" alt="" /></a>
		
			<div class="cont">
			
				<div class="nota">
				
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis est, pulvinar vel convallis sit amet, pulvinar ut eros. Integer vitae magna lacus, quis adipiscing velit. Ut mollis faucibus lobortis. Vivamus pellentesque congue metus id lacinia. Etiam lobortis lobortis turpis, nec pretium sem interdum sit amet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras lacus sapien, aliquam vitae facilisis in, dictum posuere leo. Ut pharetra neque vitae odio scelerisque porttitor. </p>
				
				</div>
			
			
			</div>
		
		</div>
	
	</div>

</body>
</html>

